<style>
    .tta-tabs-container {
        padding: 0;
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid #e5e7f2;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow: visible !important;
        background: transparent;
    }

    .tta-tabs-list {
        border: none;
        box-shadow: none;
        flex-direction: row;
        overflow: visible;
        text-align: center;
        display: flex !important;
    }

    div.tta-tab {
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        background: none;
        position: relative;
        border: none;
        margin: 0;
        background: #3c6fa3;
        z-index: 0;
        height: 50px;
        line-height: 50px;
    }

    div.tta-tab a span {
        font-size: 20px;
        min-height: 0 !important;
        color: #fff;
    }

    li.tta-tab {
        flex-grow: 1;
        flex-basis: 0;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        background: none;
        position: relative;
        border: none;
        margin: 0;
        background: #3c6fa3;
        z-index: 0;
        height: 50px;
        line-height: 50px;
    }

    .vc_active {
        background: #009CDA !important;
    }

    /* .tta-panel {
        display: none;
    } */

    .tta-panel.vv_active {
        display: block;
    }

    .tta-panel table {
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        table-layout: fixed;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tta-panel thead th {
        border-top: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        padding: 10px;
    }

    .tta-panel tbody td {
        border-top: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        padding: 10px;
    }

    li.tta-tab a span {
        font-size: 20px;
        min-height: 0 !important;
        color: #fff;
    }

    .sam-container {
        background: #F7F9FB;
        margin-top: 20px;
        padding: 40px;
    }

    .wpb_wrapper .subtitle {
        margin-top: 30px;
        font-weight: 300;
        font-size: 14px !important;
    }
</style>

<!-- banner -->
<div class="jumbotron" style="height: 500px;">
    <div class="banner"
        style="background-repeat: no-repeat; background-image: url('/storage/20220207/9d4cc05788a3065a0cd3c5cd2a9b0cf0.jpeg'); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20;">
        <div class="tp-parallax-wrap"
            style="position: absolute; display: block; visibility: visible; left: 351px; top: 200px; z-index: 5;">
            <div class="tp-mask-wrap">
                <h2 style="color: #45C2B5;">
                    热喷涂粉芯丝材
                </h2>
            </div>
        </div>
    </div>
</div>
<!-- banner-end -->

<div class="container-fluid">
    <div class="container">
        {foreach $list as $key => $list_wire}
        <div class="tta-tabs-container" style="margin-top: 20px;">
            <div class="tta-tabs-list">
                <div class="tta-tab">
                    <a data-vc-tabs="" data-vc-container=".vc_tta"><span
                            class="vc_tta-title-text">{$list_wire.name}</span></a>
                </div>
            </div>
        </div>
        <div class="tta-panels-container">
            <div class="tta-panels">
                <div class="tta-panel" id="tta-panel-{$key}">
                    <table border="1" style="text-align: center;">
                        <thead>
                            <tr align="center" style="background-color: #45c2b5;color: #fff;">
                                <th style="text-align: center;width: 6%;">产品型号</th>
                                <th style="text-align: center;width: 14%;">涂层类型</th>
                                <th style="text-align: center;width: 10%;">结合强度N/mm2</th>
                                <th style="text-align: center;width: 8%;">工作温度℃</th>
                                <th style="text-align: center;width: 8%;">抗磨粒磨损</th>
                                <th style="text-align: center;width: 8%;">耐腐蚀性</th>
                                <th style="text-align: center;width: 38%;">涂层性能</th>
                                <th style="text-align: center;width: 8%;">详情</th>
                            </tr>
                        </thead>
                        <tbody>
                            {foreach $list_wire['list'] as $value}
                            <tr>
                                <td rowspan="2">{$value.productstype}</td>
                                <td>{$value.coattype}</td>
                                <td>{$value.bondstrength}</td>
                                <td>{$value.temperature}</td>
                                <td>{$value.abrasive}</td>
                                <td>{$value.preservative}</td>
                                <td>{$value.capability}</td>
                                <td rowspan="2"><button onclick="xqclick(5)" style="width: 50px;">详情</button>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" colspan="14" style="width: 1200px;text-align: left;">
                                    {$value.application}</td>
                            </tr>
                            {/foreach}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        {/foreach}
    </div>
    <div class="clear"></div>
    <div class="sam-container">
        <div class="container">
            <div class="col-md-12">
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <header class="kd-section-title col-lg-12 text-left solid-line sep-border-width-1    ">
                            <h1 class="separator_on" style="font-size: 30px;">SAM应用</h1>
                            <h4 class="separator_on" style="font-size: 24px;">CFB循环流化床锅炉“四管”防护最佳解决方案
                            </h4>
                            <div class="kd-separator below_title">
                                <div class="kd-separator-line"></div>
                            </div>
                            <h6 class="subtitle ">
                                SAM®-非晶态高硬度耐磨粉芯丝材
                            </h6>
                            <h6 class="subtitle ">
                                SAM®-非晶态高硬度耐磨涂层技术的实现，可在CFB循环流化床锅炉“四管”、钢厂转炉烟罩等需要高耐磨耐蚀零部件表面制备含纳米晶的高性能涂层。SAM喷涂层中含有非晶相，在500~600℃下发生非晶转化，其耐磨、耐蚀性能优于国内外常用电弧喷涂材料。相对耐磨性为20G的25倍以上，并有很高的结合强度（>50MPa），硬度值>65HRC，抗热震性能好。涂层的孔隙率很低，并且涂层中的氧化物极少。
                            </h6>
                            <h6 class="subtitle ">
                                SAM®-非晶态高硬度耐磨粉芯丝材能广泛应用于现阶段循环流化床锅炉“四管”防护。可作高耐磨、高温耐蚀涂层使用。适于锅炉内吹灰口、燃烧器附近和循环流化床锅炉受热面、风机叶片、钢厂转炉烟罩及烟道等耐磨耐蚀防护材料。
                            </h6>
                        </header>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <div class="play-button-center ">
                            <img src="/static/pictures/20220106155853.jpg" class="attachment-full">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <img src="/static/pictures/1642141036.png">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <img src="/static/pictures/1642141156.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sor-container">
        <div class="container">
            <div class="col-md-12">
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <header class="kd-section-title col-lg-12 text-left solid-line sep-border-width-1    ">
                            <h1 class="separator_on" style="font-size: 30px;">SAM应用</h1>
                            <h4 class="separator_on" style="font-size: 24px;">CFB循环流化床锅炉“四管”防护最佳解决方案
                            </h4>
                            <div class="kd-separator below_title">
                                <div class="kd-separator-line"></div>
                            </div>
                            <h6 class="subtitle ">
                                SAM®-非晶态高硬度耐磨粉芯丝材
                            </h6>
                            <h6 class="subtitle ">
                                SAM®-非晶态高硬度耐磨涂层技术的实现，可在CFB循环流化床锅炉“四管”、钢厂转炉烟罩等需要高耐磨耐蚀零部件表面制备含纳米晶的高性能涂层。SAM喷涂层中含有非晶相，在500~600℃下发生非晶转化，其耐磨、耐蚀性能优于国内外常用电弧喷涂材料。相对耐磨性为20G的25倍以上，并有很高的结合强度（>50MPa），硬度值>65HRC，抗热震性能好。涂层的孔隙率很低，并且涂层中的氧化物极少。
                            </h6>
                            <h6 class="subtitle ">
                                SAM®-非晶态高硬度耐磨粉芯丝材能广泛应用于现阶段循环流化床锅炉“四管”防护。可作高耐磨、高温耐蚀涂层使用。适于锅炉内吹灰口、燃烧器附近和循环流化床锅炉受热面、风机叶片、钢厂转炉烟罩及烟道等耐磨耐蚀防护材料。
                            </h6>
                        </header>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <img src="/static/pictures/1642140125.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <div class="sam-container">
        <div class="container">
            <div class="col-md-12">
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <header class="kd-section-title col-lg-12 text-left solid-line sep-border-width-2    ">
                            <h2 class="separator_on" style="color: #0a0a0a;">Suryee
                                官方微信公众号</h2>
                            <div class="kd-separator below_title">
                                <div class="kd-separator-line" style="border-color:#45C2B5"></div>
                            </div>
                        </header>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="wpb_wrapper">
                        <img src="/static/picture/code.jpg" width="150px" height="150px">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>